/* 自定义stylus样式变量 */
/* 主题色变量 */
mainPageWord1 = #fff
mainPageWord2 = #714B06
primaryColor1 = #409EFF
primaryColor2 = #d3a55d
lightColor1 = #e6f7ff
lightColor2 = #fff4e4

// flex布局相关
.flex
    display: flex

.item
    flex: 1

.row
    display: flex
    flex-direction: row
    justify-content: center
    align-items: center

.column
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center

.col
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center

.left
    align-items: flex-start
    justify-content: center

.right
    align-items: flex-end
    justify-content: center

.up
    align-items: center
    justify-content: flex-start

.down
    align-items: center
    justify-content: flex-end

.wrap
    flex-wrap: wrap
    justify-content: flex-start

// 防溢出样式
.over-flow
    white-space: nowrap
    overflow: hidden
    text-overflow: ellipsis

// border-box
.box
    box-sizing: border-box

.mb18
    margin-bottom: 18px

.mt18
    margin-top: 18px

.fontEle
    font-size: 14px
    color: #606266

.h100
    height: 100%

.w100
    width: 100%

.inputWidth
    width: 200px

.clear
    zoom: 1

.clear:after
    content: ''
    display: block
    clear: both

.el-tooltip__popper
    max-width: 80%

.el-table__body
    width: 100% !important

.commonWrap
    height: calc(100vh - 100px)
    overflow auto
    padding 15px
